<template>
    <div id="app">
        <!-- <div id="nav">
          <router-link to="/">Home</router-link> |
          <router-link to="/about">About</router-link>
        </div>-->
<!--              <Home></Home>-->
<!--        <Test></Test>-->
<!--      <Help></Help>-->
<!--      <Yulan></Yulan>-->
      <Home></Home>

    </div>
</template>

<script>
    import Home from '@/views/Home'
    // import Test from "./views/Test";
    // import Help from "./views/Help";
    // import Yulan from "./views/Yulan";
    // import Home4 from "./views/Home4";

    export default {
        data() {
            return {}
        },
        components: {
            // Home
          // Test
          // Help,
          // Yulan
          Home
        }

    }
</script>


<style lang="less">
    html,
    body {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    #app {
        font-family: "Avenir", Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        width: 100%;
        height: 100%;
    }

    #nav {
        padding: 30px;

        a {
            font-weight: bold;
            color: #2c3e50;

            &.router-link-exact-active {
                color: #42b983;
            }
        }
    }
</style>
